<template>
	<div class="score2 abs full">
		<div class="rel full overflow-x-hidden">
			<product-header :detail="detail.INSURANCE" :simple="true" v-if="detail && detail.INSURANCE"></product-header>
			<!--疾病定义子级页面-->
			<div v-if="score==1">
				<!--疾病内容页面-->
				<div v-if="isSicknessContent">
					<div class="rel list-header">
						<div class="abs list-icon">
							<p>{{DD.DISEASE_CONTENT.SCORE}}<span>分</span></p>
							<img src="./image/icon-1-2-1.png" alt="">
						</div>
						<div class="abs list-text">
							<h4>疾病内容</h4>
							<div class="abs radius">
								在同类产品的前<span>{{DD.DISEASE_CONTENT.RANK}}</span>
							</div>
						</div>
						<p class="check-more abs">查看25种基本疾病&nbsp;&gt;</p>
					</div>
					 <!--当没有h2轻症重疾时使用样式 sc-content-2-->
					<div class="sc-content sc-content-1 rel" v-for="(item, index) in DD.DISEASE_CONTENT.CONTENT">
						<!--当没有h2轻症重疾时 h2不显示-->
						<h2 v-if="item.DISEASE_TYPE">{{item.DISEASE_TYPE}}</h2>
						<div class="sc-content-detail rel" @click="showDesName(true,index)">
						<h3>{{item.DISEASE_NAME}}</h3>
						<span class="icon"></span>
						<span class="score-number">{{item.DISEASE_SOCRE}}分</span>
						</div>
						<div class="sc-list abs">
						<ul>
						<li v-if="item" @click="showDetail(true,index,index_index)" v-for="(item_item, index_index) in item.LABEL_REGULATION">{{item_item.LABEL_NAME}}</li>
						</ul>
						</div>
					</div>
					<div class="score2-footer">
						<button @click="goToReport">生成报告</button>
						<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>
						<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>
						<p class="list-footer list-footer3">疾病定义评分：{{DD.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{DD.AVERAGE}}分</p>
					</div>
				</div>
				<!--疾病数量页面-->
				<div v-if="isSicknessMount">
					<div class="rel score-list">
						<div class="abs list-header">
							<div class="abs list-icon">
								<p>{{DD.DISEASE_AMOUNT.SOCRE}}<span>分</span></p>
								<img src="./image/icon-1-1-1.png" alt="">
							</div>
							<div class="abs list-text">
								<h4>疾病数量</h4>
								<p>轻症:&nbsp;<span>{{DD.DISEASE_AMOUNT.AMOUNT.ADULT_MINOR + DD.DISEASE_AMOUNT.AMOUNT.CHILD_MINOR}}</span></p>
								<p>重疾:&nbsp;<span>{{DD.DISEASE_AMOUNT.AMOUNT.ADULT_MAJOR + DD.DISEASE_AMOUNT.AMOUNT.CHILD_MAJOR}}</span></p>
								<div class="abs radius">
									在同类产品的前<span>{{DD.DISEASE_AMOUNT.RANK}}</span>
								</div>
							</div>
						</div>
						<div class="rel list-content">
							<h2>特色疾病:</h2>
							<p v-for="item in DD.FEATURES" style="line-height: 0.48rem">{{item}}</p>
						</div>
						<div class="abs score-footer" v-if="!isSicknessContent">
							<button @click="goToReport">生成报告</button>
							<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>
							<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>
						</div>
					</div>
					<p class="list-footer list-footer3">疾病定义评分：{{DD.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{DD.AVERAGE}}分</p>
				</div>
			</div>
			<!--保单责任子级页面-->
			<div v-if="score==2">
				<swiper :options="swiperOption" :not-next-tick="notNextTick" ref="mySwiper">
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon" @click="showType(true)">
										<p>{{PL.WAITING_PERIOD.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-1-1.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>等待期</h4>
										<p>重疾:&nbsp;<span>{{PL.WAITING_PERIOD.MAJOR_WAIT_PERIOD}}天</span></p>
										<p>身故:&nbsp;<span>{{PL.WAITING_PERIOD.DEATH_WAIT_PERIOD}}天</span></p>
										<button class="label abs">{{PL.WAITING_PERIOD.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PL.WAITING_PERIOD.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content overflow-x-hidden">
									<p>{{PL.WAITING_PERIOD.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{(PL.PAYMENT_TIMES.MAJOR_CLAIM_TIMES_SCORE+PL.PAYMENT_TIMES.MINOR_CLAIM_TIMES_SCORE)/2}}<span>分</span></p>
										<img src="./image/icon-2-1-2.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>给付次数</h4>
										<p>轻症:&nbsp;<span>{{PL.PAYMENT_TIMES.MINOR_CLAIM_TIMES}}次</span></p>
										<p>重疾:&nbsp;<span>{{PL.PAYMENT_TIMES.MAJOR_CLAIM_TIMES}}次</span></p>
										<button class="label abs" v-if="PL.PAYMENT_TIMES.LABEL_NAME">{{PL.PAYMENT_TIMES.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{aver(PL.PAYMENT_TIMES.MINOR_CLAIM_TIMES_RANK,PL.PAYMENT_TIMES.MAJOR_CLAIM_TIMES_RANK)}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.PAYMENT_TIMES.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PL.RESIDUAL_LIABILITY.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-1-3.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>全残责任</h4>
										<p style="color:#ffe373">{{PL.RESIDUAL_LIABILITY.WRECK_DEIL?'有':'无'}}</p>
										<button class="label abs" v-if="PL.RESIDUAL_LIABILITY.LABEL_NAME">{{PL.RESIDUAL_LIABILITY.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PL.RESIDUAL_LIABILITY.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.RESIDUAL_LIABILITY.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PL.MINOR_CLAIMS.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-1-4.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>轻症赔付</h4>
										<p style="color:#ffe373">{{PL.MINOR_CLAIMS.PAYMENT}}</p>
										<button class="label abs" v-if="PL.MINOR_CLAIMS.LABEL_NAME">{{PL.MINOR_CLAIMS.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PL.MINOR_CLAIMS.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.MINOR_CLAIMS.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PL.EXEMPTION_CLAUSE.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-1-5.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>免责条款</h4>
										<p>数量：&nbsp;<span>{{PL.EXEMPTION_CLAUSE.NUMBERS}}条</span></p>
										<p>身故全残免责条款：&nbsp;<span>退现金价值</span></p>
										<p>重疾轻症免责条款：&nbsp;<span>轻症合同继续有效</span></p>
										<button class="label abs" v-if="PL.EXEMPTION_CLAUSE.LABEL_NAME">{{PL.EXEMPTION_CLAUSE.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PL.EXEMPTION_CLAUSE.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.EXEMPTION_CLAUSE.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{(PL.WAIVER_PREMIUM.MAJOR_WAIVER_PREMIUM_SCORE+PL.WAIVER_PREMIUM.MINOR_WAIVER_PREMIUM_SCORE)/2}}<span>分</span></p>
										<img src="./image/icon-2-1-6.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>保费豁免</h4>
										<p>是否轻症豁免：&nbsp;<span>{{PL.WAIVER_PREMIUM.MINOR_WAIVER_PREMIUM?'是':'否'}}</span></p>
										<p>是否重疾豁免：&nbsp;<span>{{PL.WAIVER_PREMIUM.MAJOR_WAIVER_PREMIUM?'是':'否'}}</span></p>
										<button class="label abs" v-if="PL.WAIVER_PREMIUM.LABEL_NAME">{{PL.WAIVER_PREMIUM.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{aver(PL.WAIVER_PREMIUM.MAJOR_WAIVER_PREMIUM_RANK,PL.WAIVER_PREMIUM.MINOR_WAIVER_PREMIUM_RANK)}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.WAIVER_PREMIUM.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PL.LIABILITY_DEATH.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-1-7.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>身故责任</h4>
										<p>身故责任给付：&nbsp;<span>{{PL.LIABILITY_DEATH.PAYMENT}}</span></p>
										<button class="label abs" v-if="PL.LIABILITY_DEATH.LABEL_NAME">{{PL.LIABILITY_DEATH.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PL.LIABILITY_DEATH.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PL.LIABILITY_DEATH.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<!-- Optional controls -->
					<div class="swiper-pagination"  slot="pagination"></div>
					<div class="swiper-scrollbar"   slot="scrollbar"></div>
				</swiper>
				<!--生成报告部分-->
				<div>
					<div class="rel score-footer score-footer-fixed">
						<button @click="goToReport">生成报告</button>
						<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>
						<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>
					</div>
					<p class="list-footer list-footer3">保单责任评分：{{PL.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{PL.AVERAGE}}分</p>
				</div>
			</div>
			<!--服务方式子级页面-->
			<div v-if="score==4">
				<swiper :options="swiperOption" :not-next-tick="notNextTick" ref="mySwiper">
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{SM.HOSPITAL_IDENTIFICATION.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-4-1.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>医院认定</h4>
										<p>医院认定标准：&nbsp;<span>{{SM.HOSPITAL_IDENTIFICATION.HOSPITAL_STANDARD}}</span></p>
										<p>科室认定标准：&nbsp;<span>{{SM.HOSPITAL_IDENTIFICATION.DEPARTMENT_STANDARD}}</span></p>
										<button class="label abs" v-if="SM.HOSPITAL_IDENTIFICATION.LABEL_NAME">{{SM.HOSPITAL_IDENTIFICATION.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{SM.HOSPITAL_IDENTIFICATION.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{SM.HOSPITAL_IDENTIFICATION.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{SM.NOTIFICATION_PERIOD.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-4-2.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>通知期</h4>
										<p>通知期时长：&nbsp;<span>{{SM.NOTIFICATION_PERIOD.TERM}}天</span></p>
										<button class="label abs" v-if="SM.NOTIFICATION_PERIOD.LABEL_NAME">{{SM.NOTIFICATION_PERIOD.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{SM.NOTIFICATION_PERIOD.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{SM.NOTIFICATION_PERIOD.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<!-- Optional controls -->
					<div class="swiper-pagination"  slot="pagination"></div>
					<div class="swiper-scrollbar"   slot="scrollbar"></div>
				</swiper>
				<!--生成报告部分-->
				<div>
					<div class="rel score-footer score-footer-fixed">
						<button @click="goToReport">生成报告</button>
						<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>
						<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>
					</div>
					<p class="list-footer list-footer3">服务方式评分：{{SM.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{SM.AVERAGE}}分</p>
				</div>
			</div>
			<!--保单管理子级页面-->
			<div v-if="score==5">
				<swiper :options="swiperOption" :not-next-tick="notNextTick" ref="mySwiper">
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PM.AUTOMATIC_PAYMENT.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-5-1.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>自动垫付</h4>
										<p>有无自动垫付：&nbsp;<span>{{PM.AUTOMATIC_PAYMENT.REQUIREMENT?'有':'无'}}</span></p>
										<button class="label abs" v-if="PM.AUTOMATIC_PAYMENT.LABEL_NAME">{{PM.AUTOMATIC_PAYMENT.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PM.AUTOMATIC_PAYMENT.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PM.AUTOMATIC_PAYMENT.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PM.DEDUCTION_PAID.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-5-2.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>减额交清</h4>
										<p>是否包含本项：&nbsp;<span>{{PM.DEDUCTION_PAID.REQUIREMENT?'包含':'不包含'}}</span></p>
										<button class="label abs" v-if="PM.DEDUCTION_PAID.LABEL_NAME">{{PM.DEDUCTION_PAID.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PM.DEDUCTION_PAID.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PM.DEDUCTION_PAID.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<swiper-slide>
						<div class="score2-item">
							<div class="rel score-list">
								<div class="abs list-header">
									<div class="abs list-icon">
										<p>{{PM.POLICY_LOAN.SCORE}}<span>分</span></p>
										<img src="./image/icon-2-5-3.png" alt="">
									</div>
									<div class="abs list-text">
										<h4>保单贷款</h4>
										<p>有无保单贷款：&nbsp;<span>{{PM.POLICY_LOAN.REQUIREMENT?'有':'无'}}</span></p>
										<button class="label abs" v-if="PM.POLICY_LOAN.LABEL_NAME">{{PM.POLICY_LOAN.LABEL_NAME}}</button>
										<div class="abs radius">
											在同类产品的前<span>{{PM.POLICY_LOAN.RANK}}</span>
										</div>
									</div>
								</div>
								<div class="rel list-content">
									<p>{{PM.POLICY_LOAN.CONTENT}}</p>
								</div>
							</div>
						</div>
					</swiper-slide>
					<!-- Optional controls -->
					<div class="swiper-pagination"  slot="pagination"></div>
					<div class="swiper-scrollbar"   slot="scrollbar"></div>
				</swiper>
				<!--生成报告部分-->
				<div>
					<div class="rel score-footer score-footer-fixed">
						<button @click="goToReport">生成报告</button>
						<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>
						<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>
					</div>
					<p class="list-footer list-footer3">保单管理评分：{{PM.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{PM.AVERAGE}}分</p>
				</div>
			</div>
			<!--保险公司子级页面,暂时先去掉-->
			<!--<div v-if="score==6">-->
				<!--<swiper :options="swiperOption" :not-next-tick="notNextTick" ref="mySwiper">-->
					<!--<swiper-slide>-->
						<!--<div class="score2-item">-->
							<!--<div class="rel score-list">-->
								<!--<div class="abs list-header">-->
									<!--<div class="abs list-icon">-->
										<!--<p>{{IC.COMPLAINT_RATE.SCORE}}<span>分</span></p>-->
										<!--<img src="./image/icon-2-6-1.png" alt="">-->
									<!--</div>-->
									<!--<div class="abs list-text">-->
										<!--<h4>投诉率</h4>-->
										<!--<p>保险公司投诉率排名：&nbsp;<span>39</span></p>-->
										<!--<button class="label abs">标签</button>-->
										<!--<div class="abs radius">-->
											<!--在同类产品的前<span>{{IC.COMPLAINT_RATE.RANK}}</span>-->
										<!--</div>-->
									<!--</div>-->
								<!--</div>-->
								<!--<div class="rel list-content">-->
									<!--<p></p>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</swiper-slide>-->
					<!--<swiper-slide>-->
						<!--<div class="score2-item">-->
							<!--<div class="rel score-list">-->
								<!--<div class="abs list-header">-->
									<!--<div class="abs list-icon">-->
										<!--<p>{{IC.PAY_ABILITY.SCORE}}<span>分</span></p>-->
										<!--<img src="./image/icon-2-6-2.png" alt="">-->
									<!--</div>-->
									<!--<div class="abs list-text">-->
										<!--<h4>偿付能力</h4>-->
										<!--<p>偿付能力充足率率排名：&nbsp;<span>3</span></p>-->
										<!--<button class="label abs">标签</button>-->
										<!--<div class="abs radius">-->
											<!--在同类产品的前<span>{{IC.PAY_ABILITY.RANK}}</span>-->
										<!--</div>-->
									<!--</div>-->
								<!--</div>-->
								<!--<div class="rel list-content">-->
									<!--<p></p>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</swiper-slide>-->
					<!--&lt;!&ndash; Optional controls &ndash;&gt;-->
					<!--<div class="swiper-pagination"  slot="pagination"></div>-->
					<!--<div class="swiper-scrollbar"   slot="scrollbar"></div>-->
				<!--</swiper>-->
				<!--&lt;!&ndash;生成报告部分&ndash;&gt;-->
				<!--<div>-->
					<!--<div class="rel score-footer score-footer-fixed">-->
						<!--<button @click="goToReport">生成报告</button>-->
						<!--<p class="list-footer list-footer1">想看条款详细解读？那就去“生成报告”吧！</p>-->
						<!--<p class="list-footer list-footer2" @click="this.history.go(-2)">返回综合评价</p>-->
					<!--</div>-->
					<!--<p class="list-footer list-footer3">保险公司评分：{{IC.SCORE}}分&nbsp;&nbsp;&nbsp;&nbsp;在售产品该项平均{{IC.AVERAGE}}分</p>-->
				<!--</div>-->
			<!--</div>-->
		</div>
		<!--点击疾病标签弹层-->
		<transition name="toShowDetail">
			<div class="content-pop-wrap abs" v-if="isShowDetail">
				<div class="content-pop-detail abs">
					<div class="content-pop-title">
						<h2>{{labelObj.LABEL_NAME}}</h2>
						<div class="close-icon abs" @click="showDetail(false)">
							<span class="close-icon-1 abs"></span>
							<span class="close-icon-2 abs"></span>
							<span class="close-icon-bg abs"></span>
						</div>
					</div>
					<div class="detail-text overflow-x-hidden">
						<div v-for="(item, index) in labelObj.ITEMS">
							<h3>【条款要求】</h3>
							<p>{{labelObj.ITEMS[index].NAME}}</p>
							<div v-if="isRead">
								<h4 v-if="labelData[item]">点评：</h4>
								<p v-if="labelData[item]">{{labelData[item].evaluationDesc}}【{{labelData[item].evaluationDegree}}】</p>
							</div>
						</div>
						<p style="text-align: right; margin-top: 0.5rem;color: aqua;text-decoration: underline" @click="showComment" v-if="isRead">查看详细点评</p>
					</div>
				</div>
			</div>
		</transition>
		<transition name="toShowDetailBg">
			<div class="content-pop-wrap-black abs" v-if="isShowDetail">
			</div>
		</transition>
		<!--点击疾病名称弹层-->
		<transition name="toShowDetail">
			<div class="content-pop-wrap abs" v-if="isShowDesName">
				<div class="content-pop-detail abs">
					<div class="content-pop-title">
						<h2>{{desObj.DISEASE_NAME}}</h2>
						<div class="close-icon abs" @click="showDesName(false)">
							<span class="close-icon-1 abs"></span>
							<span class="close-icon-2 abs"></span>
							<span class="close-icon-bg abs"></span>
						</div>
					</div>
					<div class="detail-text overflow-x-hidden">
						<p>{{desObj.DISEASE_CONTENT}}</p>
						</div>
				</div>
			</div>
		</transition>
		<transition name="toShowDetailBg">
			<div class="content-pop-wrap-black abs" v-if="isShowDesName">
			</div>
		</transition>
		<!--点击维度子项分类图标弹层-->
		<transition name="toShowDetail">
			<div class="content-pop-wrap abs" v-if="isShowType">
				<div class="content-pop-detail abs">
					<div class="content-pop-title">
						<h2>等待期</h2>
						<div class="close-icon abs" @click="showType(false)">
							<span class="close-icon-1 abs"></span>
							<span class="close-icon-2 abs"></span>
							<span class="close-icon-bg abs"></span>
						</div>
					</div>
					<div class="detail-text overflow-x-hidden">
						<p>等待期名词解释</p>
					</div>
				</div>
			</div>
		</transition>
		<transition name="toShowDetailBg">
			<div class="content-pop-wrap-black abs" v-if="isShowType">
			</div>
		</transition>
		<!--弹层组件-->
		<!--<score2-layer v-if="testLayer" :showLayer="showLayer"></score2-layer>-->
	</div>
</template>

<script>
	import ProductHeader from '@/components/product-header/product-header.vue';
	import Score2Item from '@/components/score2-item/score2-item.vue';
	import Score2Layer from '@/components/score2-layer/score2-layer.vue';
	import { swiper, swiperSlide } from 'vue-awesome-swiper'
	require('swiper/dist/css/swiper.css')

	export default {
		name: 'score2',
		components: {
			ProductHeader,
			Score2Item,
			swiper,
			swiperSlide,
			Score2Layer,
		},
		data(){
			return {
				score:0,
				DD:{},
				PL:{},
				SM:{},
				PM:{},
				IC:{},
				testLayer: false,
				isSicknessContent: false,
				isSicknessMount: false,
				isShowDetail: false,
				isShowDesName: false,
				isShowType: false,
				topNum: 1,
				isRead:false,
				detail:{},
				labelObj:{},
				labelData:{},
				desObj:{},
				notNextTick: true, //swiper特有的属性(创建后swiper后可以实时对swiper进行操作,而不必$nextTick)
				swiperOption: {
					direction : 'horizontal',
					speed: 500,
					touchRatio: 1.3,
					autoHeight: true,
					resistanceRatio: 0.7,
					threshold: 80,
					debugger: true,
					autoHeight: true,
					// swiper的各种回调函数也可以出现在这个对象中，和swiper官方一样
					onTransitionStart(swiper){
						// console.log(swiper)
					},
					pagination: '.swiper-pagination',
					paginationClickable: true,
				}, //swiper的配置项(方向速度等)
			}
		},
		mounted(){
			// 为方便调试把this暴露在window对象下
			window.score2=this;
		},
		activated(){
			this.$set(this,'detail',this.$store.detail[0])
			console.log(this.detail)
			this.PL = this.detail.POLICY_LIABILITY
			this.DD = this.detail.DISEASE_DEFINITION
			this.SM = this.detail.SERVICE_MODE
			this.PM = this.detail.POLICY_MANAGEMENT
			this.IC = this.detail.INSURANCE_COMPANY
			this.PP = this.detail.PRODUCT_PRICE
			this.detail.INSURANCE.IS_READ==='N'?this.isRead='false':this.isRead='true'
//		设置标题
			let score1 = this.$util.getQueryString('score1')
			this.score = score1
			score1==1?document.title='疾病定义':''
			score1==2?document.title='保单责任':''
			score1==3?document.title='产品价格':''
			score1==4?document.title='服务方式':''
			score1==5?document.title='保单管理':''
			score1==6?document.title='保险公司':''
//		单独控制疾病内容和疾病数量页面的显示
			let score2 = this.$util.getQueryString('score2')
			score2==1?this.isSicknessMount=true:this.isSicknessMount=false
			score2==2?this.isSicknessContent=true:this.isSicknessContent=false

			this.$refs.mySwiper?this.$refs.mySwiper.swiper.slideTo(score2-1,0,false):''
		},
		deactivated(){
			this.detail={};
		},
		beforeUpdate(){

		},
		methods: {
//		请求获取对应标签内容
			showDetail(isShowDetail,index1,index2){
				let that = this
				this.isShowDetail = isShowDetail;
				if(this.DD.DISEASE_CONTENT.CONTENT[index1]){
					this.labelObj = this.DD.DISEASE_CONTENT.CONTENT[index1].LABEL_REGULATION[index2]
				}
				let diseaseId = this.labelObj
//			请求获取对应标签内容
				if(!this.isRead){
				    return
				}
				this.$util.ajax('/evaluation/seeEvaluation','POST',{
					diseaseId:'bdxdjxxjgs',
					regulationId:'gzdmcxss',
					customerId: '400000001',
					insuranceId: 'zsmsryhkzszdjbbx385',
					isFirst:true,
				}).then((res)=>{
						if(res.code=='100000'){
							that.$set(that,'labelData',res.data)
							console.log('that.labelData-------'+that.labelData)
						}else{
							that.showToast(res.message,'error')
						}
				})

			},
//		获取对应疾病内容
			showDesName(isShowDesName,index){
				this.isShowDesName = isShowDesName
				this.desObj = this.DD.DISEASE_CONTENT.CONTENT[index]
			},
//		获取子项分类标签内容
			showType(isShowType){
			    this.isShowType = isShowType
			},
//		查看详细点评
			showComment(){

			},
//		生成报告
			goToReport: function(){
				let id=this.$route.query.id;
				if(!id){
					return;
				}
				this.$router.push('/pre-report?id='+id);
			},
//		百分比求平均值
			aver:function (num1, num2) {
				let numA1 = num1.split('%')[0]-0;
				let numA2 = num1.split('%')[1].split('-')[1]-0;
				let numB1 = num2.split('%')[0]-0;
				let numB2 = num2.split('%')[1].split('-')[1]-0;
				return parseInt(numA1+numB1)/2+'%-'+parseInt(numA2+numB2)/2+"%"
			},
		},
		computed:{
		}
	}
</script>

<style scoped>
	.score2.abs.full{
		background: url(../score1/image/bg.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.swiper-pagination{
		margin-bottom: 2.1rem;
	}
	/*只在疾病内容页面中显示-开始*/
	.list-header{
		padding-top: 0.61rem;
		margin-left: 0.49rem;
		height: 2.7rem;
	}
	.list-header .list-icon{
		width: 1.41rem;
		height: 1.74rem;
		background: url(./image/list-icon1.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.list-header .list-icon p{
		font-size: 0.34rem;
		color: #86eaff;
		margin-top:0.01rem;
		padding: 0.21rem 0 0 0.43rem;
	}
	.list-header .list-icon p span{
		font-size: 0.2rem;
	}
	.list-header .list-icon img{
		width: 0.82rem;
		height: 0.82rem;
		position: absolute;
		left: 0.3rem;
		bottom: 0.02rem;
	}
	.list-header .list-text{
		width: 5.6rem;
		height: 1.69rem;
		left: 1.61rem;
	}
	.list-header .list-text h4{
		font-size: 0.28rem;
		color: #a0c0ed;
		margin: 0.26rem 0;
		word-wrap: break-word;
		font-weight: 400;
	}
	.list-header .list-text p{
		width: 5.14rem;
		font-size: 0.24rem;
		color: #6d9bdb;
		word-wrap: break-word;
		margin-top: -0.2rem;
	}
	.list-header .list-text p span{
		color: #39def7;
	}
	.list-header .list-text .radius{
		width: 2.9rem;
		height: 0.39rem;
		background-color: #074c7c;
		top: 0.05rem;
		right: 0.1rem;
		border-radius: 0.25rem 0 0 0.25rem;
		font-size: 0.24rem;
		color: #a0c0ed;
		text-align: left;
		/*padding-left: 0.2rem;*/
		line-height: 0.39rem;
	}
	.list-header .list-text .radius span{
		color: #ffe373;
		font-weight: 500;
	}
	.check-more{
		color: #ffe373;
		font-size: 0.24rem;
		bottom: 0.2rem;
		right: 0.25rem;
		font-weight: 400;
		margin: 0;
	}
	.sc-content{
		margin-bottom: 0.05rem;
		padding-left: 0.53rem;
	}
	.sc-content-1{
		padding-top: .35rem;
		height: 2.15rem;
		background: url(./image/content-1.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.sc-content-2{
		padding-top: .15rem;
		height: 1.65rem;
		background: url(./image/content-2.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.sc-content h2{
		margin: 0;
		line-height: 0.4rem;
		color: #a0c0ed;
		font-size: 0.3rem;
	}
	.sc-content-detail{
		height: 0.73rem;
		border-bottom: 0.01rem solid #1e4d94;
	}
	.sc-content-detail h3{
		display: inline-block;
		float: left;
		color: #ffe373;
		font-size: 0.28rem;
		font-weight: 400;
		margin: 0;
		line-height: 0.73rem;
	}
	.sc-content-detail span{
		display: inline-block;
		color: #39def7;
		font-size: 0.3rem;
		float: right;
		line-height: 0.73rem;
	}
	.score-number{
		margin-right: 0.8rem;
	}
	.sc-list ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.sc-list li{
		display: inline-block;
		float: left;
		font-size: .24rem;
		color: #6e90fe;
		height: .4rem;
		line-height: .4rem;
		text-align: center;
		background-color: rgba(36, 119, 245, .25);
		border-radius: 0.5rem;
		margin-right: .2rem;
		margin-top: .2rem;
		padding: 0 .2rem;
	}
	.sc-content-detail .icon{
		width: 0.2rem;
		height: 0.2rem;
		position: absolute;
		right: 0.35rem;
		top: 0.25rem;
		border-left: 0.02rem solid #ffe373;
		border-bottom: 0.02rem solid #ffe373;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.score2-footer{
		height: 4rem;
		text-align: center;
	}
	.score2-footer button{
		width: 3.6rem;
		height: 0.77rem;
		background-color: #185bb6;
		border-radius: 0.1rem;
		border: none;
		color: #dcdcdc;
		font-size: 0.28rem;
	}
	/*弹层部分*/
	.content-pop-wrap{
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 100;
		margin: 1rem auto;
	}
	.content-pop-wrap-black{
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .65);
		z-index: 50;
	}
	.content-pop-detail{
		width: 6.29rem;
		min-height: 6rem;
		max-height: 9rem;
		background-color: #284473;
		border-radius: 0.1rem;
		z-index: 200;
		text-align: center;
		margin:0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/*关闭按钮*/
	.close-icon{
		width: 0.3rem;
		height: 0.3rem;
		padding: 0.2rem;
		top: 0;
		right: 0;
		text-align: center;
	}
	.close-icon-1{
		width: 0.2rem;
		border: 0.01rem solid #fff;
		transform: rotate(45deg);
		z-index: 400;
		top: 0.34rem;
		right: 0.24rem;
	}
	.close-icon-2{
		width: 0.2rem;
		border: 0.01rem solid #fff;
		transform: rotate(-45deg);
		z-index: 400;
		top: 0.34rem;
		right: 0.24rem;
	}
	.content-pop-detail .close-icon-bg{
		width: 0.3rem;
		height: 0.3rem;
		right: .2rem;
		background-color: rgba(0, 0, 0, .4);
		border-radius: 50%;
		z-index: 300;
	}
	.content-pop-title{
		border-radius: 0.1rem;
		width: 6.29rem;
		height: 0.8rem;
		background-color: #284473;
	}
	.content-pop-detail h2{
		margin: 0;
		font-size: 0.3rem;
		color: #7efd95;
		line-height: 0.8rem;
		border-bottom: 0.01rem solid;
		font-weight: 400;
	}
	.content-pop-detail .detail-text{
		width: 100%;
		font-size: 0.24rem;
		max-height: 8.2rem;
		padding: 0.4rem 0.37rem 0.6rem 0.37rem;
		text-align: left;
		box-sizing: border-box;
	}
	.content-pop-detail .detail-text h3{
		margin: 0;
		font-size: 0.24rem;
		color: #7efd95;
		font-weight: 400;
		line-height: 0.42rem;
		margin-left: -0.12rem;
	}
	.content-pop-detail .detail-text h4{
		margin: 0;
		font-size: 0.24rem;
		color: #7efd95;
		font-weight: 400;
		line-height: 0.42rem;
	}
	.content-pop-detail .detail-text p{
		margin: 0;
		color: #fcfcfc;
		font-weight: 400;
		line-height: 0.38rem;
	}
	.content-pop-detail .detail-text span{

	}
	/*弹层动画效果*/
	.toShowDetailBg-enter-active, .toShowDetailBg-leave-active{
		transition:opacity .1s linear;
	}
	.toShowDetailBg-enter, .toShowDetailBg-leave-to{
		opacity: 0;
	}
	.toShowDetail-enter-active, .toShowDetail-leave-active{
		transition:opacity .1s linear;
	}
	.toShowDetail-enter, .toShowDetail-leave-to{
		opacity: 0;
	}
	/*只在疾病内容页面中显示-结束*/

		/*底部*/
	.score-footer{
		width: 100%;
		text-align: center;
		bottom: 0.2rem;
		/*margin-top: -2.7rem;*/
	}
	.score-footer button{
		width: 3.6rem;
		height: 0.77rem;
		background-color: #185bb6;
		border-radius: 0.1rem;
		border: none;
		color: #dcdcdc;
		font-size: 0.28rem;
	}
	.list-footer{
		text-align: center;
	}
	.list-footer1{
		font-size: 0.24rem;
		color: #a0c0ed;
		line-height: 0.14rem;
	}
	.list-footer2{
		font-size: 0.24rem;
		color: #ffe373;
	}
	.list-footer3{
		font-size: 0.28rem;
		color: #a0c0ed;
	}
	/*疾病数量页面样式*/
	.score-list{
		overflow: hidden;
		width: 7.5rem;
		height: 9.08rem;
		margin-top: .2rem;
		background: url(./image/list_bg.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.list-header{
		margin: 0.37rem 0 0 0.49rem;
		padding-top: 0;
	}
	.list-header .list-icon{
		width: 1.41rem;
		height: 1.74rem;
		background: url(./image/list-icon1.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.list-header .list-icon p{
		font-size: 0.34rem;
		color: #86eaff;
		margin-top:0.01rem;
		padding: 0.21rem 0 0 0.43rem;
	}
	.list-header .list-icon p span{
		font-size: 0.2rem;
	}
	.list-header .list-icon img{
		width: 0.82rem;
		height: 0.82rem;
		position: absolute;
		left: 0.3rem;
		bottom: 0.02rem;
	}
	.list-header .list-text{
		width: 5.6rem;
		height: 1.69rem;
		left: 1.61rem;
	}
	.list-header .list-text h4{
		font-size: 0.28rem;
		color: #a0c0ed;
		margin: 0.26rem 0;
		line-height: 0.28rem;
	}
	.list-header .list-text p{
		font-size: 0.24rem;
		color: #6d9bdb;
		line-height: 0.24rem;
	}
	.list-header .list-text .radius{
		width: 2.9rem;
		height: 0.39rem;
		background-color: #074c7c;
		right: 0.1rem;
		top: 0.05rem;
		border-radius: 0.25rem 0 0 0.25rem;
		font-size: 0.24rem;
		color: #a0c0ed;
		text-align: left;
		padding-left: 0.2rem;
		line-height: 0.39rem;
	}
	.list-header .list-text .radius span{
		color: #ffe373;
		font-weight: 500;
	}
	.list-content{
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		width: 5.67rem;
		min-height: 3.06rem;
		/*overflow: hidden;*/
		background: url("./image/content_bg.png");
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		margin: 0 auto;
		top: 2.3rem;
		padding: 0.36rem 0.5rem;
	}
	.list-content h2{
		margin: 0;
		padding: 0;
		font-size: 0.28rem;
		color: #ffe373;
		line-height: 0.6rem;
	}
	.list-content p{
		margin: 0;
		padding: 0;
		display: inline-block;
		float: left;
		font-size: 0.28rem;
		color: #86eaff;
		line-height: 0.6rem;
		margin-right: 0.3rem;
	}
	.score-footer-fixed{
		margin-top: -2.4rem;
		z-index: 10;
	}
	/*子维度轮播部分*/
	.score2-item .score-list{
		overflow: hidden;
		width: 7.5rem;
		height: 9.08rem;
		margin-top: .2rem;
		background: url(./image/list_bg.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.score2-item .list-header{
		margin: 0.37rem 0 0 0.49rem;
	}
	.score2-item .list-header .list-icon{
		width: 1.41rem;
		height: 1.74rem;
		background: url(./image/list-icon1.png);
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.score2-item .list-header .list-icon p{
		font-size: 0.34rem;
		color: #86eaff;
		margin-top:0.01rem;
		padding: 0.21rem 0 0 0.43rem;
	}
	.score2-item .list-header .list-icon p span{
		font-size: 0.2rem;
	}
	.score2-item .list-header .list-icon img{
		width: 0.82rem;
		height: 0.82rem;
		position: absolute;
		left: 0.3rem;
		bottom: 0.02rem;
	}
	.score2-item .list-header .list-text{
		width: 5.6rem;
		height: 1.69rem;
		left: 1.61rem;
	}
	.score2-item .list-header .list-text h4{
		font-size: 0.28rem;
		color: #a0c0ed;
		margin: 0.26rem 0;
		line-height: 0.28rem;
	}
	.score2-item .list-header .list-text p{
		font-size: 0.24rem;
		color: #6d9bdb;
		line-height: 0.28rem;
	}
	.score2-item .list-header .list-text .label{
		height: 0.4rem;
		line-height: 0.4rem;
		font-size: 0.24rem;
		color: #6e90fe;
		text-align: center;
		padding: 0 0.2rem;
		border-radius: 0.25rem;
		background-color: rgba(36, 119, 245, .25);
		overflow: hidden;
		border: none;
		margin-top: -0.2rem;
	}
	.score2-item .list-header .list-text .radius{
		width: 2.93rem;
		height: 0.39rem;
		background-color: #074c7c;
		right: 0.1rem;
		top: 0.05rem;
		border-radius: 0.25rem 0 0 0.25rem;
		font-size: 0.24rem;
		color: #a0c0ed;
		text-align: left;
		padding-left: 0.2rem;
		line-height: 0.39rem;
	}
	.score2-item .list-header .list-text .radius span{
		color: #ffe373;
		font-weight: 500;
	}
	.score2-item .list-content{
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		width: 5.67rem;
		height: 3.06rem;
		background: url("./image/content_bg.png");
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		margin: 0.1rem auto 0;
		top: 2.3rem;
		padding: 0.36rem 0.5rem;
	}
	.score2-item .list-content p{
		margin: 0;
		padding: 0;
		font-size: 0.24rem;
		color: #a0c0ed;
		line-height: 0.48rem;
	}
</style>
